Saltar al contenido principal
Version: Current

Setting group - Product gallery settings - No zoom

The Product gallery settings - No zoom group offers a range of options to enhance the visual presentation of product images across your online store. These settings are applied globally but can be customized at the section or block level for more specific needs. They allow you to define image aspect ratios, column widths, gallery positions, and styles for both desktop and mobile devices, ensuring optimal display across different screen sizes.

Key settings include the ability to choose from various image aspect ratios such as Default, Landscape, Portrait, Square, Widescreen, and Ultrawide. You can also adjust the column width and gallery position on desktop screens, with options for equal columns or a larger column on either side. The gallery style can be customized with options like One column, Two columns, Slider, and None.

Usage examples include setting different image aspect ratios for desktop and mobile to enhance user experience, creating unique gallery layouts by adjusting column width and position, and showcasing product variants prominently using the gallery variant image style setting. These settings provide a flexible framework for aligning your product galleries with the overall aesthetic and functional goals of your store.

Overview​

The Product gallery settings - No zoom group provides various options for displaying product imagery across your online store. These settings are designed to enhance the visual presentation of product galleries, ensuring they align with the overall aesthetic and functional goals of your store. While these settings are applied globally, they can be customized at the section or block level for more specific needs.

Key components and functionality​

Image aspect ratio​

These settings allow you to define the aspect ratio of product images for both desktop and mobile devices, ensuring optimal display across different screen sizes.

  • Desktop: Options include Default, Landscape, Portrait, Square, Widescreen, and Ultrawide. The default value is square.
  • Mobile: Options are the same as desktop, with the default value also being square.

Column width​

This setting determines the width of columns in the product gallery on desktop screens. Mobile devices will always display as a single column. Options include:

  1. Equal columns
  2. Large column on left
  3. Large column on right

The default value is large column on left.

This setting allows you to choose the position of the gallery on the page for desktop screens. Mobile devices will display the gallery and product information in a single column. Options include:

  1. Left
  2. Right

These settings define the style of the gallery for both desktop and mobile devices.

  • Desktop: Options include One column first, One column, Two columns, Slider, and None.
  • Mobile: Options are the same as desktop, with the default value being slider.

This setting specifies the style for variant images within the gallery. When a new variant is selected, the options include:

  1. Default: Updates the first image to the selected variant.
  2. None: Does not update the gallery.
  3. Variant only: Hides all imagery except the selected variant.

The default value is default.

Show video player controls​

This checkbox setting determines whether video player controls are displayed. The default setting is true.

Usage examples​

  1. Responsive Design: You might consider setting different image aspect ratios for desktop and mobile to ensure that product images are displayed optimally on all devices, enhancing the user experience.

  2. Custom Gallery Layouts: Consider using the column width and gallery position settings to create unique layouts that highlight your products effectively. For instance, setting a large column on the left can draw attention to featured products.

  3. Variant Image Display: The gallery variant image style setting allows you to showcase product variants prominently, which can be particularly useful for products with multiple color or style options.

These settings provide a flexible framework for customizing the visual presentation of product galleries, ensuring that they align with the overall aesthetic and functional goals of your online store.